<template>
  <div class="home-button">
    <button class="home-btn1" @click="gotoRoommate">找舍友</button>
    <button class="home-btn2" @click="gotoCommunity">宜居社区</button>
  </div>
</template>

<script>
export default {
  name: "BtnBlock",
  methods: {
    gotoRoommate() {
      console.log("1");
      this.$router.push("/roommate");
    },
    gotoCommunity() {
      console.log("2");
      this.$router.push("/community");
    },
  },
};
</script>

<style>
.home-button button {
  width: 3.4rem;
  height: 1.3rem;
  font-size: 0.3rem;
  color: #fff;
  background-color: #ff5555;
  border-radius: 0.1rem;
  padding: 0.52rem 1.1rem;
  margin-top: 0.24rem;
  margin-bottom: 0.29rem;
}
.home-btn1 {
  margin-left: 0.2rem;
  margin-right: 0.14rem;
}
.home-btn2 {
  margin-left: 0.14rem;
  margin-right: 0.2rem;
}
</style>